<%-- 
    Document   : agregarNormaTecnica
    Created on : 03/02/2011, 11:06:52 PM
    Author     : Hector Gutierrez
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ include file='../Templates/security.jsp' %>


<% request.setAttribute("allowed", "Gestionar Normas Tecnicas");%>
<%@ include file='../Templates/security.jsp' %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<script type="text/javascript">
    function valida(F){
        var error = true;
        if (validar(F.nombre.value)==false){
            error = false;
        }
        if (validar(F.descripcion.value)==false){
            error = false;
        }
        if(validar(F.codigo.value)==false){
            error = false;
        }
        if ((F.archivo.value != "") && (comprueba_extension(F.archivo.value)==false)){
            alert("false");
            return false;
        }
        if((F.nombre.value != "") && (Nombre(F.nombre.value)==false)){
            return false;
        }
        if(error == false){
            return false;
        }
        else{
            alert("true");
            return true;
            
        }
    }

    function comprueba_extension(archivo) {
        alert("entra "+archivo);
        extensiones_permitidas = new Array( ".jpg", ".jpeg", ".pdf" );
        mierror = "";
        //recupero la extensión de este nombre de archivo
        extension = (archivo.substring(archivo.lastIndexOf("."))).toLowerCase();
        //compruebo si la extensión está entre las permitidas
        permitida = false;
        for (var i = 0; i < extensiones_permitidas.length; i++) {
            if (extensiones_permitidas[i] == extension) {
                permitida = true;
               break;
            }
        }
        //if ((extension == extensiones_permitidas[0]) ||  (extension == extensiones_permitidas[1]) )
        //    permitida = true;

        if (!permitida) {
            alert("no SUBMITO");
            mierror = "Compruebe la extensión del archivo de imagen. \nSólo se pueden cargar archivos con extensiones: " + extensiones_permitidas.join();
        }else{
            //submito!
            alert("SUBMITO "+archivo);
            return 1;
        }
        //si estoy aqui es que no se ha podido submitir
        alert (mierror);
        $("#archivo").val(null);
        return 0;
    }

    //busca caracteres que no sean espacio en blanco en una cadena
    function vacio(q) {
        for ( i = 0; i < q.length; i++ ) {
            if ( q.charAt(i) != " " ) {
                return true
            }
        }
        return false
    }
    //valida que el campo no este vacio y no tenga solo espacios en blanco
    function validar(F) {
        if( vacio(F) == false ) {
            return false
        } else {
            //cambiar la linea siguiente por return true para que ejecute la accion del formulario
            return true;
        }
    }

    function Nombre(valor){
        //expresion regular para telefonos
        //permite campos vacios y guiones
        var er_nombre = /^([a-zA-Z\s]+)$/
        //usa el metodo test de expresion regular
        if(!er_nombre.test(valor)) {
            alert("El nombre de la Norma Tecnica debe poseer sólo valores alfabeticos")
            return false    //no submit
        }
        return true         //pasa al submit
    }

</script>
<h1 class="title">Gestión de Norma Técnica</h1>
<hr>
<p class="meta"></p>
<div class="entry">
    <center>
        <h2>Agregar Norma Técnica</h2>
        <%--<html:form enctype="multipart/form-data" action="/agregarNormaTecnica" method="POST"
                   styleId="NR_Form" target="returnMsg" onsubmit="return fileUpload('NR_Form');"> --%>
        <html:form method="POST" enctype="multipart/form-data" 
                   action="/agregarNormaTecnica" styleId="agregarNormaTecnicaForm"
                   target="_self" onsubmit="return valida(F);">

            <table>
                <tbody>
                <br>
                <tr>
                    <td>
                        <html:errors property = "nt_fallido"/>
                    </td>
                </tr>
                <br>
                <tr>
                    <td><font color="red">*&nbsp;</font>Nombre:</td>
                    <td>
                        <html:text property="nombre" size="40" maxlength="20" />
                        <html:errors property = "nombre_nt_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Código:</td>
                    <td>
                        <html:text property="codigo" size="40" onblur="validar(value);"/>
                        <html:errors property = "codigo_nt_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Descripción:</td>
                    <td><html:textarea property="descripcion" cols="34" rows="10" />
                        <html:errors property = "descripcion_nt_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td>Archivo Norma:</td>
                    <td><html:file property="archivo" styleId="archivo" onchange="comprueba_extension(value);"/>
                        <html:errors property = "tipo_archivo_invalido"/>
                    </td>
                </tr>
                </tbody>
            </table>
            <br>
            <font color="red"><p>NOTA: Los campos que tienen (*) son obligatorios.</p></font>
            <br>
            <table>
                <tr>
                    <td title="Crear nueva Norma Técnica">
                        <html:submit value="Agregar" styleId="agregaButton"/>
                    </td>
                    <td>
                        <html:button property="" styleId="ntA" value="Limpiar" />
                    </td>
                    <td>
                        <html:button property="" styleId="normasTecnicas" value="Atrás" />
                    </td>
                </tr>
            </table>
        </html:form>
    </center>
</div>
<div style="clear: both;">&nbsp;</div>
